<template>
  <el-form :size="value.data.attribute.size" :inline="value.data.attribute.inline" :label-position="value.data.attribute['label-position']" :label-width="value.data.attribute['label-width']" :hide-required-asterisk="value.data.attribute['hide-required-asterisk']" :show-message="value.data.attribute['show-message']" :inline-message="value.data.attribute['inline-message']" :status-icon="value.data.attribute['status-icon']" :validate-on-rule-change="value.data.attribute['validate-on-rule-change']" :disabled="value.data.attribute.disabled" class="ct-form" v-iedit v-ilabel="value">
    <component :is="dragdrop.components" v-model="value.slot[i]" v-for="(dragdrop,i) in value.slot" :key="i"></component>
  </el-form>
</template>
<script type="text/javascript">
export default {
  props: {
    value: {
      type: [Array, Object]
    }
  },
  data() {
    return {

    }
  },
  computed: {

  },
  /**
   * 页面方法
   * @type {Object}
   */
  methods: {

  }
}

</script>
<style type="text/css" lang="scss">
.ct-form {
  padding-bottom: 20px;
  position: relative;
}

</style>
